<template>
    <div class="" id="userPermission">
       
        <el-row >
            <el-col :span="22" :offset="1">
                <div class="permission-content bg-purple">
                    
                </div>
            </el-col>
            <el-col :span="22" :offset="1">
                <div class="permission-content bg-purple user-table">
                    
                </div>
            </el-col>
        </el-row>
    </div>
</template>
<script>
// import { defineComponent } from '@vue/composition-api'

export default {
    data() {
      return{
          text:"测试"
      }  
    },
    created(){

    },
    mounted(){

    }
}
</script>
<style lang='scss' scoped>
#userPermission{
    padding: 20px 0;
}
.el-row {
    margin-bottom: 20px;
    &:last-child {
      margin-bottom: 0;
    }
  }
  .el-col {
    border-radius: 4px;
  }
  .bg-purple-dark {
    background: #99a9bf;
  }
  .bg-purple {
    background: #d3dce6;
  }
  .bg-purple-light {
    background: #e5e9f2;
  }
  .permission-content {
    border-radius: 4px;
    min-height: 36px;
  }
  .row-bg {
    padding: 10px 0;
    background-color: #f9fafc;
  }
</style>